<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  {{fullName}}
</div>
  <script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el:'#app',
    data:{
      message:"message",
      firstName:'xiaoliang',
      lastName:'liang'

    },
    computed:{


//
      // fullName:function (){
      //   return this.firstName+' '+this.lastName;
      // }

    //  完整的计算属性 写法  计算属性一般没有set方法 只读属性
      fullName:{
//一般不实现 set方法
//         set:function (){
//
//         },
        get:function (){
          return 'abc';
        }

      }

    },
    methods:{

    }

  })
</script>

</body>
</html>